﻿@{
    ViewBag.Title = "Page d'accueil";
}

<div class="action">
    <div class="grid">
        <div class="row">
            <div class="span12">

                <div class="HomePageTitle">
                    Lorem ipsum 
    <br />
                     sit amet
                </div>
            </div>
        </div>
        <div class="row">
                <div class="span6" >
                    <div class="carousel" data-role="carousel">
                        <div class="slides" >
                            <div class="slide image" id="slide1">
                                <img src="~/Images/2-3-3-3-3-4-1-4-4-1-1-0-0-0.png" />
                                <div class="description">
                                    Description text here...
                                </div>
                            </div>
                            <div class="slide image" id="slide2">
                                <img src="~/Images/2-3-3-3-3-4-1-4-4-1-1-0-0-0.png" />
                                <div class="description">
                                    Description text here...
                                </div>
                            </div>
                            ...
                        </div>
                        <span class="control left bg-color-blue">&#8249;</span>
                        <span class="control right bg-color-blue">&#8250;</span>
                    </div>
                </div>
                <div class="span6">
                    <section class="conversation">
                        <div class="ConversationBoy">
                            <ul class="replies">
                                <li class="bg-color-blue">
                                    <b class="sticker sticker-right sticker-color-blue"></b>
                                    <div class="avatar">
                                        <img src="~/Images/lib_campeones-del-mundo_avatar_2012_256px.png">
                                    </div>
                                    <div class="reply">
                                        <div class="date">@DateTime.Today</div>
                                        <div class="author">Janick</div>
                                        <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut nisi dolor, eget luctus lectus.</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ConversationGirl">
                            <ul class="replies">
                                <li class="bg-color-pink">
                                    <b class="sticker sticker-left sticker-color-pink"></b>
                                    <div class="avatar">
                                        <img src="~/Images/2-3-3-3-3-4-1-4-4-1-1-0-0-0.png">
                                    </div>
                                    <div class="reply">
                                        <div class="date">@DateTime.Today.AddSeconds(10)</div>
                                        <div class="author">Catherine</div>
                                        <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut nisi dolor, eget luctus lectus.</div>
                                    </div>
                                </li>

                            </ul>
                        </div>
                        <div class="ConversationBoy">
                            <ul class="replies">
                                <li class="bg-color-blue">
                                    <b class="sticker sticker-right sticker-color-blue"></b>
                                    <div class="avatar">
                                        <img src="~/Images/lib_campeones-del-mundo_avatar_2012_256px.png">
                                    </div>
                                    <div class="reply">
                                        <div class="date">@DateTime.Today.AddSeconds(25)</div>
                                        <div class="author">Janick</div>
                                        <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut nisi dolor, eget luctus lectus.</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </section>
                </div>
            </div>
            <div class="row">
                <div class="span6">
                    <div class="newsletters">
                        <div class="bg-color-blue">
                            <div class="containerNewsLetters">
                                <div class="input-control text">
                                    <p>newsletter subscription    </p>
                                    <input type="email" placeholder="Enter your email" />
                                    <input type="submit" value="Submit" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="span6">
                    <div class="achievementsubmit">
                        <div class="bg-color-green">
                            <div class="containerNewsLetters">
                                <div class="input-control textarea">
                                    <p>submit an achievement </p>
                                    <input type="email" placeholder="Submit an achievement" maxlength="140" multiple="multiple" />
                                    <input type="submit" value="Submit" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
       